<template id="q">
               <div>
                 <!-- <h1>webpack 通过render  创建出来的账户模板组件 (还有实例中的msg会被覆盖) </h1> -->


                <!-- <div id="myCarousel" class="carousel slide">
	轮播（Carousel）指标 
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
         轮播（Carousel）项目 
	<div class="carousel-inner">
		<div class="item active">
			<img src="../images/3.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="../images/6.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="../images/7.jpg" alt="Third slide">
		</div>
	</div>
	轮播（Carousel）导航 
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div> -->
<mt-search >
  <!-- <mt-cellv-for="item in result" :title="item.title":value="item.value"></mt-cell> -->
</mt-search>





                          <ul class="mui-table-view mui-grid-view mui-grid-9 " >


		            <!-- <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
		                    <img src="../images/新闻资讯.jpg" width="60px" height="60px">
		                    <div class="mui-media-body">新闻资讯</div></a></li> -->

									<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
		                    <img src="../images/新闻资讯.jpg" width="60px" height="60px">
		                    <router-link to="/newlist" class="mui-media-body">新闻资讯</router-link> </a></li>

		            <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
		                     <img src="../images/购物商场.jpg" width="60px" height="60px">
		                    <router-link to="/shoppingmarket" class="mui-media-body">购物商场</router-link> </a></li>

		            <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
		                     <img src="../images/留言反馈.jpg" width="60px" height="60px">
		                    <div class="mui-media-body">留言反馈</div></a></li>
                        <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
		                     <img src="../images/图集.png" width="60px" height="60px">
		                    <router-link to="/pohto/football" class="mui-media-body">图集</router-link></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><router-link to="musiclist" href="#">
		                     <img src="../images/谷歌音乐播放器标志.png" width="60px" height="60px">
		                    <div  class="mui-media-body">歌曲专区</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-4"><a href="#">
		                     <img src="../images/联系我们.png" width="60px" height="60px">
		                    <div class="mui-media-body">联系我们</div></a></li>  
		        </ul> 


  <!-- <mt-swipe :auto="3000"  :speed="1000">
  <mt-swipe-item><img src="../images/3.jpg" alt="Second slide"></mt-swipe-item>
  <mt-swipe-item><img src="../images/6.jpg" alt="Second slide"></mt-swipe-item>
  <mt-swipe-item><img src="../images/7.jpg" alt="Second slide"></mt-swipe-item>
  </mt-swipe> -->

  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"  data-interval="1500" >
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="../images/6.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="../images/3.jpg" alt="...">
      <div class="carousel-caption">
        123
      </div>
    </div>

		<div class="item">
      <img src="../images/7.jpg" alt="...">
      <div class="carousel-caption">
        123
      </div>
    </div>
  </div>

  <!-- Controls -->
  <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a> -->
</div>

                        
<ul class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>




  <!-- <button id="qq" class="glyphicon glyphicon-euro" aria-hidden="true"></button>
 <span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
 <span class="glyphicon glyphicon-euro" aria-hidden="true"></span> -->





               </div>
             </template>

<style>
.mint-swipe{
        height: 500px;
}
.mint-search{
        height: 50px;
}
.mui-grid-view.mui-grid-9{
	
       
}

li{
	
        
}

/* 
.list-group{
        height: 100px;
} */
</style>


<script>
import { Toast } from 'mint-ui';

var childzj={     //向外暴露成员  
        data(){
            return{

            }
        },
        careted(){
                // this.getlist()
        },
            methods:{

                    
            }
}

export default  childzj

</script>

